<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>8U Homepage</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
	@import url("layout_home.css");
-->
			
			.img-flo-rig {
	float: left;
	padding-left: 7px;
	padding-right: 4px;
	margin: 0px;
	border: none;
}
</style>
</head>
<body>
<div id="wrapper" class="bg4">
	        <div id="login">
			<form id="form1" name="form1" method="post" action="">
				<label for="textfield1" id="label1"><b>Email Address:</b></label>
				<input type="text" name="textfield1" id="textfield1" class="input1" />
				<label for="textfield2" id="label2"><b>Password:</b></label>
				<input type="password" name="textfield2" id="textfield2" class="input1" />
				<input type="image" name="imagefield1" id="imagefield1" src="images/subpage1_06.gif" />
			</form>
		</div>
	<div id="menus">
		<p class="style1" id="mainmenu"><a href="http://www.8ugaming.com"><img src="images/button1.png" alt="" width="95" height="46" /><a href="http://www.8ugaming.com/news"> <img src="images/button2.gif" alt="" width="77" height="32" /> <a href="http://eighthunderworld.forumotion.com/forum.htm"><img src="images/button3.gif" alt="" width="77" height="32" /> <a href="http://www.8ugaming.com/members"><img src="images/button4.gif" alt="" width="77" height="32" /> <a href="http://www.8ugaming.com/admin_area"><img src="images/button5.gif" alt="" width="77" height="32" /> <a href="http://www.8ugaming.com/rss"><img src="images/buttonrss.png" alt="" width="77" height="86" /></p>
		<p class="style1" id="topmenu">
      
	</div>
	<div id="header">
		<div id="logo">
			<h1>Gamesite</h1>
			<h2>Your slogan text here</h2>
		</div>
		<div id="topad"> 

	<a href="#"><ul class="slideshow">
	<li class="show"><a href="#"><script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {		
	
	//Execute the slideShow, set 8 seconds for each images
	slideShow(8000);

});

function slideShow(speed) {



	//append a LI item to the UL list for displaying caption
	$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

	//Set the opacity of all images to 0
	$('ul.slideshow li').css({opacity: 0.0});
	
	//Get the first image and display it (set it to full opacity)
	$('ul.slideshow li:first').css({opacity: 1.0});
	
	//Get the caption of the first image from REL attribute and display it
	$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
	$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
		
	//Display the caption
	$('#slideshow-caption').css({opacity: 0.7, bottom:0});
	
	//Call the gallery function to run the slideshow	
	var timer = setInterval('gallery()',speed);
	
	//pause the slideshow on mouse over
	$('ul.slideshow').hover(
		function () {
			clearInterval(timer);	
		}, 	
		function () {
			timer = setInterval('gallery()',speed);			
		}
	);
	
}

function gallery() {



	//if no IMGs have the show class, grab the first image
	var current = ($('ul.slideshow li.show')?  $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
		
	//Get next image caption
	var title = next.find('img').attr('title');	
	var desc = next.find('img').attr('alt');	

	//Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
	
	//Hide the caption first, and then set and display the caption
	$('#slideshow-caption').animate({bottom:-70}, 300, function () {
			//Display the content
			$('#slideshow-caption h3').html(title);
			$('#slideshow-caption p').html(desc);				
			$('#slideshow-caption').animate({bottom:0}, 500);	
	});		

	//Hide the current image
	current.animate({opacity: 0.0}, 1000).removeClass('show');

}
</script>

<img src="images/newsimage_1.png" width="945" height="250" title="Orange Wednesday" alt="It's that sort of Wednesday"/></a></li>
<li><a href="http://www.8ugaming.com/rydercup"><img src="images/ryder_cup.jpg" width="945" height="250" title="WHEN CONTINENTS CLASH!!!" alt="8U's Ryder Cup"/></a></li>
<li><a href="http://www.8ugaming.com/orange_wednesday"><img src="images/newsimage_2.png" width="945" height="250" title="iOrange" alt="Orange. Wednesday. All."/></a></li>
<li><a href="http://www.8ugaming.com/gallery"><img src="images/l4d_sotd_poster.jpg" width="945" height="250" title="Do you want anything from the shop? Cornetto?" alt="Image Gallery"/></a></li>
</ul>
</a> </div>
		
	</div>
	<div id="content" class="three-col">
		<div class="colA bg10">
			<div id="box1" class="box bg6">
				<div class="bg7">
					<div class="title">
						<h2 class="text1"><b>Sections </b></h2>
					</div>
					<div class="content bg5">
						<ul class="ul1">
							<li class="toplink"><a href="http://www.8ugaming.com/news" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/news.png" hspace="2" alt="" width="22" height="22" /></div><b>8U News & Info</b></a></li>
							<li><a href="http://www.8ugaming.com/members" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/user.png" hspace="2" alt="" width="22" height="22" /></div><b>Members</b></a></li>
							<li><a href="http://www.8ugaming.com/steam_groups" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/steam.png" hspace="2" alt="" width="22" height="22" /></div><b>Steam Groups</b></a></li>
							<li><a href="http://www.8ugaming.com/servers_info" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/servers.png" hspace="2" alt="" width="22" height="22" /></div><b>Servers Info</b></a></li>
                            <li><a href="http://www.8ugaming.com/clan_team" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/flag.png" hspace="2" alt="" width="22" height="22" /></div><b>Scrim/Clan Team</b></a></li>
							<li><a href="http://eighthunderworld.forumotion.com/forum.htm" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/forum.png" hspace="2" alt="" width="22" height="22" /></div><b>Forum</b></a></li>
							<li><a href="http://www.8ugaming.com/gallery" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/images.png" hspace="2" alt="" width="22" height="22" /></div><b>Image Gallery</b></a></li>
							<li><a href="http://www.8ugaming.com/reviews" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/reviews.png" hspace="2" alt="" width="22" height="22" /></div><b>Reviews</b></a></li>
                            <li><a href="http://www.8ugaming.com/strategy_guides" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/joystick.png" hspace="2" alt="" width="22" height="22" /></div><b>Strategy Guides</b></a></li>
							<li><a href="http://www.8ugaming.com/tech_workshop" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/tools.png" hspace="2" alt="" width="22" height="22" /></div><b>Tech Workshop</b></a></li>
                            <li><a href="http://www.xfire.com/communities/8underworld/" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/xfire.png" hspace="2" alt="" width="22" height="22" /></div><b>Xfire</b></a></li>
							<li><a href="http://www.facebook.com/group.php?v=wall&gid=93064818853" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/facebook.png" hspace="2" alt="" width="21" height="21" /></div><b>Facebook Group</b></a></li>
							<li><a href="http://www.8ugaming.com/youtube" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/youtube.png" hspace="2" alt="" width="22" height="22" /></div><b>YouTube Channel</b></a></li>
							<li><a href="http://www.8ugaming.com/donations" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/piggy.png" hspace="2" alt="" width="22" height="22" /></div><b>Donations</b></a></li>
							<li><a href="http://www.8ugaming.com/admin" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/admin.png" hspace="2" alt="" width="22" height="22" /></div><b>Admin Area & Contact</b></a></li>
                            <li><a href="http://www.8ugaming.com/rss" class="link1"><div class="img-flo-rig"><img src="images/icons/22x22/rss.png" hspace="2" alt="" width="22" height="22" /></div><b>RSS</b></a></li>
						</ul>
					</div>
				</div>
				<div class="extra">
					<div class="extraL"></div>
					<div class="extraR"></div>
				</div>
			</div>
			<!-- end #box1 -->
			<div id="box2" class="box bg6">
				<div class="bg7">
					<div class="title">
						<h2 class="text1"><b>Donations</b></h2>
					</div>
					<div class="content bg5">
						<div class="bg8">
						<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----MIIHVwYJKoZIhvcNAQcEoIIHSDCCB0QCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYClMO9GvBrpNqkBWAGgxZRhzlVBb3h5qBZHTCaRKmCenMA0dYOAk+kmWHML98DjVVxD4sSIqaSBUQqwX2sFGClJTbUUGYGRLEq2MVOwmQXPjzZYm0qJISh/fC4VTn5dsII5/QLVv6/MzlVM41LY2K7qTj7o0qenplbdbnhsmSFKyzELMAkGBSsOAwIaBQAwgdQGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQICcJzdbY/rfOAgbAWwxBlkPZIIh7WO19/P1JzhitchhRSs0vFUtH2xKfhnFCVVOEf9dH8+D8+tFdS+GPHaep9lIL+wcc9XAd+VzklVHiCAGFVolEQ9AafEKJ5wGN9fDGkimmvD3sy7opc7ugC93M2ZNHTNNCOaZHgfkcAVaEP+5Mue84Mg4r2nflKFFdsaLT03IrDLn8On0eSHXHPLI1Sw4k83uag1juddGJV9TcrqGaC6TYsQOcggfxENaCCA4cwggODMIIC7KADAgECAgEAMA0GCSqGSIb3DQEBBQUAMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTAeFw0wNDAyMTMxMDEzMTVaFw0zNTAyMTMxMDEzMTVaMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTCBnzANBgkqhkiG9w0BAQEFAAOBjQAwgYkCgYEAwUdO3fxEzEtcnI7ZKZL412XvZPugoni7i7D7prCe0AtaHTc97CYgm7NsAtJyxNLixmhLV8pyIEaiHXWAh8fPKW+R017+EmXrr9EaquPmsVvTywAAE1PMNOKqo2kl4Gxiz9zZqIajOm1fZGWcGS0f5JQ2kBqNbvbg2/Za+GJ/qwUCAwEAAaOB7jCB6zAdBgNVHQ4EFgQUlp98u8ZvF71ZP1LXChvsENZklGswgbsGA1UdIwSBszCBsIAUlp98u8ZvF71ZP1LXChvsENZklGuhgZSkgZEwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tggEAMAwGA1UdEwQFMAMBAf8wDQYJKoZIhvcNAQEFBQADgYEAgV86VpqAWuXvX6Oro4qJ1tYVIT5DgWpE692Ag422H7yRIr/9j/iKG4Thia/Oflx4TdL+IFJBAyPK9v6zZNZtBgPBynXb048hsP16l2vi0k5Q2JKiPDsEfBhGI+HnxLXEaUWAcVfCsQFvd2A1sxRr67ip5y2wwBelUecP3AjJ+YcxggGaMIIBlgIBATCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwCQYFKw4DAhoFAKBdMBgGCSqGSIb3DQEJAzELBgkqhkiG9w0BBwEwHAYJKoZIhvcNAQkFMQ8XDTA5MDgwNTE0NDQ1NFowIwYJKoZIhvcNAQkEMRYEFAY4n26HIpp15Meb9/LeHGbNNtuTMA0GCSqGSIb3DQEBAQUABIGAkp21R/Q9DQ76DstKHUaylRfMCDAUyozTiAYt4dw9O/qJczcaD0/EemC2o//j1DoMWFBPUgIDS79lWaGHZWePRjdu0+8mIgnGtXZbpawRsd42X3nzYHazxONaK5jTteS0biwziyxnkeDGo5gHV67BTOrs+bktjWLSoRhKsm+6JFY=-----END PKCS7-----
">
<input type="image" src="https://www.paypal.com/en_US/GB/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						</div>
					</div>
				</div>
				<div class="extra">
					<div class="extraL"></div>
					<div class="extraR"></div>
				</div>
			</div>
			<!-- end #box2 -->
			<div id="box3" class="box bg6">
				<div class="bg7">
					<div class="title">
						<h2 class="text1"><b>Adverts</b></h2>
					</div>
					<div class="content bg5">
						<div class="bg8">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						</div>
					</div>
				</div>
				<div class="extra">
					<div class="extraL"></div>
					<div class="extraR"></div>
				</div>
			</div>
			<!-- end #box3 -->
		</div>
		<!-- end .colA -->
		<div class="colB">
			<div class="bg16">
				<div class="bg17">
					<div id="search" class="bg12">
						<form id="form2" name="form2" method="get" action="">
							<label for="textfield3" class="text2">Search:</label>
							<input type="text" name="textfield3" id="textfield3" class="input2" />
							<input type="image" name="imagefield2" id="imagefield2" src="images/homepage34.gif" />
						</form>
						<a href="#" class="link2">Advanced Search</a> </div>
					<!-- end #search -->
					<div id="box7" class="bg15">
						<h2 class="text4"><b><font size="4"><strong>Welcome to our community</strong></font></b></h2>
						<p class="text5"><!-- Clock Part 1 - Holder for Display of Clock -->

<span id="tP">&nbsp;</span>

<!-- Clock Part 1 - Ends Here -->



<!-- Clock Part 2 - Put Anywhere AFTER Part 1 -->

<script type="text/javascript">
// Clock Script Generated By Maxx Blade's Clock v2.0d
// http://www.maxxblade.co.uk/clock
function tS(){ x=new Date(); x.setTime(x.getTime()); return x; } 
function lZ(x){ return (x>9)?x:'0'+x; } 
function tH(x){ if(x==0){ x=12; } return (x>12)?x-=12:x; } 
function dE(x){ if(x==1||x==21||x==31){ return 'st'; } if(x==2||x==22){ return 'nd'; } if(x==3||x==23){ return 'rd'; } return 'th'; } 
function dT(){ document.getElementById('tP').innerHTML=eval(oT); setTimeout('dT()',1000); } 
function aP(x){ return (x>11)?'pm':'am'; } 
function y4(x){ return (x<500)?x+1900:x; } 
var dN=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'),mN=new Array('January','February','March','April','May','June','July','August','September','October','November','December'),oT="dN[tS().getDay()]+','+' '+tS().getDate()+dE(tS().getDate())+' '+mN[tS().getMonth()]+','+' '+y4(tS().getYear())+' '+'/'+' '+tH(tS().getHours())+':'+lZ(tS().getMinutes())+aP(tS().getHours())";
if(!document.all){ window.onload=dT; }else{ dT(); }
</script>

<!-- Clock Part 2 - Ends Here  --></p>
					</div>
					<!-- end #box7 -->
					<div id="box8" class="bg18"><img src="images/homepage54.jpg" alt="" width="196" height="170" class="img1" />
						<h3 class="text6">Who are we?</h3>
						<p>Welcome to The Eighth Underworld, we are a multi-gaming community and clan, ranging from newbies to hardcore gamers, on all formats and genres.</p>
                        <p>Not only do we have info about ourselves , but also there is many tech guides and reviews written by our community members</p>
						<ul class="ul2">
							<li><a href="#">Register/Login Website</a></li>
							<li><a href="http://eighthunderworld.forumotion.com/login.forum?connexion">Register/Login Forum</a></li>
						</ul>
					</div>
					<!-- end #box8 -->
					<div id="box9">
						<h2 class="text6">Upcoming Clan Events</h2>
						<div class="content bg18">
							<div id="box9A">
								<p><img src="images/homepage51.png" alt="" width="139" height="74" /></p>
								<p><strong>Orange Wednesday</strong> is an all-day clan event taking place every Wednesday on our TF2 community server (IP: 85.234.148.169:27105), where we try out and play a selection of custom maps.
<a href="#">More&#8230;</a></p>
							</div>
							<div id="box9B" class="bg19">
								<p><img src="images/homepage52.png" alt="" width="139" height="74" /></p>
								<p><strong>Ryder Cup</strong> is a bi-monthly clan event, where the North American members of 8U complete against European members. The team with the most wins is declared "TEAM OF THE YEAR". <a href="#">More&#8230;</a></p>
							</div>
							<div id="box9C" class="bg19">
								<p><img src="images/homepage53.png" alt="" width="139" height="74" /></p>
								<p><strong>Creative 8U</strong> is our largest event of the year so far! From April 1st to April 30th, we'll be celebrate <a href="#">More&#8230;</a></p>
							</div>
							<br style="clear: both" />
						</div>
					</div>
					<!-- end #box9 -->
					<div id="box10">
						<h2 class="text6">Helpful Topics, Websites & Tools</h2>
						<div class="content bg18">
							<div id="box10A" class="bg20">
								<h3 class="text6">Clan/Scrim Teams Info</h3>
								<ul class="ul2">
									<li><a href="#">Overview of the Teams</a></li>
									<li><a href="#">Requirements</a></li>
									<li><a href="#">How to Apply</a></li>
									<li><a href="#">Match Results & Stats</a></li>
									<li><a href="#">Contact the Leaders</a></li>
								</ul>
								<h3 class="text6">Technical Help & Tutorial Guides</h3>
								<ul class="ul2">
									<li><a href="#">How to Protect your Steam Account</a></li>
									<li><a href="#">How to Find Your Steam ID</a></li>
									<li><a href="#">4 Minute PC Fixes</a></li>
									<li><a href="#">How to install & setup Mumble</a></li>
									<li><a href="#">How to record demos and videos</a></li>
								</ul>
								<h3 class="text6">Admin Info</h3>
								<ul class="ul2">
									<li><a href="#">Admin Staff Members & Roles</a></li>
									<li><a href="#">Admin Rules</a></li>
									<li><a href="#">Admin Commands</a></li>
									<li><a href="#">Apply to be an Admin</a></li>
									<li><a href="#">How to contact us</a></li>
								</ul>
							</div>
							<div id="box10C"></div>
							<div id="box10B" class="bg20">
								<h3 class="text6">Game Server Info</h3>
								<ul class="ul2">
									<li><a href="#">Connection Info</a></li>
									<li><a href="#">Server Rules</a></li>
									<li><a href="#">Server Maps</a></li>
									<li><a href="#">Server Plug-ins & Mods</a></li>
									<li><a href="#">Server Commands</a></li>
								</ul>
								<h3 class="text6">Essential Software</h3>
								<ul class="ul2">
									<li><a href="http://store.steampowered.com/">Steam</a></li>
									<li><a href="http://www.ventrilo.com/">Ventrilo</a></li>
                                    <li><a href="http://www.xfire.com/">Xfire</a></li>
									<li><a href="https://secure.logmein.com/products/hamachi2/">Hamachi</a></li>
									<li><a href="http://www.wegame.com/download/">WeGames Video Recorder</a></li>
								</ul>
								<h3 class="text6">Useful Websites & Tools</h3>
								<ul class="ul2">
									<li><a href="http://cyri.systemrequirementslab.com/CYRI/intro.aspx">Can You Run It?</a></li>
									<li><a href="http://www.widescreengamingforum.com/">Widescreen Gaming Forum</a></li>
									<li><a href="http://www.fileshack.com/">FileShack & Shacknews</a></li>
									<li><a href="#">Nvidia Driver Finder Widget</a></li>
									<li><a href="#">Nvidia Optimized PC Configurator</a></li>
								</ul>
							</div>
							<br style="clear: both" />
						</div>
					</div>
					<!-- end #box10 -->
					<br style="clear: both" />
				</div>
			</div>
			<div class="extra">
				<div class="extraL"></div>
				<div class="extraR"></div>
			</div>
		</div>
		<!-- end .colB -->
		<div class="colC bg11">
		<div id="box11" class="box bg6">
				<div class="bg7">
					<div class="title">
						<h2 class="text1"><b>World Times</b></h2>
					</div>
					<div class="content bg5">
					<div id="block20" class="switchcontent">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#FFFFFF">U.K.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Europe&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;E. Europe</font><br />
&nbsp;&nbsp;<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-white.swf";obj.TimeZone="BST";obj.width=50;obj.height=40;obj.wmode="transparent";showClock(obj);</script>&nbsp;&nbsp;&nbsp;
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-white.swf";obj.TimeZone="CET";obj.width=50;obj.height=40;obj.wmode="transparent";showClock(obj);</script>&nbsp;&nbsp;&nbsp;
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-white.swf";obj.TimeZone="EET";obj.width=50;obj.height=40;obj.wmode="transparent";showClock(obj);</script>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#FFFFFF">L.A.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Chicago&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;New York</font><br />
&nbsp;&nbsp;<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-white.swf";obj.TimeZone="PST";obj.width=50;obj.height=40;obj.wmode="transparent";showClock(obj);</script>&nbsp;&nbsp;&nbsp;
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-white.swf";obj.TimeZone="CST";obj.width=50;obj.height=40;obj.wmode="transparent";showClock(obj);</script>&nbsp;&nbsp;&nbsp;
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-white.swf";obj.TimeZone="EST";obj.width=50;obj.height=40;obj.wmode="transparent";showClock(obj);</script>
					</div>
					</div>
				</div>
				<div class="extra">
					<div class="extraL"></div>
					<div class="extraR"></div>
				</div>
			</div>
			<!-- end #box11 -->
			<div id="box4" class="box bg6">
				<div class="bg7">
					<div class="title">
						<h2 class="text1"><b>Senior Admin [8U]&sup1;</b></h2>
					</div>
					<div class="content bg5">
						<ul class="ul1">
							<li class="toplink"><a href="#" class="link1"><b>Kenny - Co-founder & Leader</b></a></li>
							<li><a href="#" class="link1"><b>Macgta - Co-founder & Deputy</b></a></li>
							<li><a href="#" class="link1"><b>Napalm - Chief of Staff</b></a></li>
							<li><a href="#" class="link1"><b>Chicken - Technical Manager</b></a></li>
							<li><a href="#" class="link1"><b>Jakko - Scrim Team Co-leader</b></a></li>
							<li><a href="#" class="link1"><b>Electric20v - Digital Media</b></a></li>
						</ul>
					</div>
				</div>
				<div class="extra">
					<div class="extraL"></div>
					<div class="extraR"></div>
				</div>
			</div>
			<!-- end #box4 -->
			<div id="box5" class="box bg6">
				<div class="bg7">
					<div class="title">
						<h2 class="text1"><b>Junior Admin [8U]&sup2;</b></h2>
					</div>
					<div class="content bg5">
						<ul class="ul1">
							<li class="toplink"><a href="#" class="link1"><b>Chelch - Voice Server Chief</b></a></li>
							<li><a href="#" class="link1"><b>Freakshow - Tech Support</b></a></li>
							<li><a href="#" class="link1"><b>Alyssa - Game Server Admin</b></a></li>
							<li><a href="#" class="link1"><b>Robert - Game Server Admin</b></a></li>
							<li><a href="#" class="link1"><b>Irving - Game Server Admin</b></a></li>
							<li><a href="#" class="link1"><b>Mortal - Game Server Admin</b></a></li>
							<li><a href="#" class="link1"><b>Brigade - Game Server Admin</b></a></li>
							<li><a href="#" class="link1"><b>Pom - Game Server Admin</b></a></li>
						</ul>
					</div>
				</div>
				<div class="extra">
					<div class="extraL"></div>
					<div class="extraR"></div>
				</div>
			</div>
			<!-- end #box5 -->
			<div id="box6" class="box bg6">
				<div class="bg7">
					<div class="title">
						<h2 class="text1"><b>Mumble Server</b></h2>
					</div>
					<div class="content bg5">
<div align="left"><span id='instantventrilo'><a href="http://www.instantventrilo.com/">ventrilo</a> Hosting by InstantVentrilo.com</span><script type="text/javascript" src="http://view.light-speed.com/ventrilo.php?IP=voice401.inxgaming.co.uk&PORT=6466&CHANNEL_WNOUSER=YES&FONTSIZE=10&CONLINK=YES&HELP=YES&WIDTH=189&BGCOLOR=FFFFFF&STYLE=1&SHOW_IP_PORT=YES&SN_BGCOLOR=FFFFFF&SN_COLOR=000000&INFO_BGCOLOR=33CC00&INFO_COLOR=FFFFFF&HELP_BGCOLOR=FFFFFF&HELP_COLOR=000000&CHANNEL_BGCOLOR=CCCCCC&CHANNEL_COLOR=000000&UN=000000&UN_BG=FFFFFF&METHOD=js"></script></div>
						<div class="bg8">
						  <p class="text1"><font size="1">If you do not have Ventrilo installed, then please follow this <a href="http://www.8ugaming.com/ventrilo_setup"><font color="#00FF00">GUIDE</font></a> on how to install and set up Ventrilo on your PC. </font></p>
						</div>
					</div>
					<div class="extra">
						<div class="extraL"></div>
						<div class="extraR"></div>
					</div>
				</div>
			</div>
			<!-- end #box6 -->
		</div>
		<!-- end .colC -->
		<br style="clear: both" />
	</div>
</div>
<div id="footer" class="bg21">
	<div class="extraL"></div>
	<p class="style2">Copyright (c) 2010 8ugaming.com. All rights reserved. <a href="http://www.8ugaming.com/privacy">Privacy</a> &nbsp;|&nbsp; <a href="http://www.8ugaming.com/legal">Legal</a></p>
	<div class="extraR"></div>
</div>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {		
	
	//Execute the slideShow, set 8 seconds for each images
	slideShow(8000);

});

function slideShow(speed) {



	//append a LI item to the UL list for displaying caption
	$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

	//Set the opacity of all images to 0
	$('ul.slideshow li').css({opacity: 0.0});
	
	//Get the first image and display it (set it to full opacity)
	$('ul.slideshow li:first').css({opacity: 1.0});
	
	//Get the caption of the first image from REL attribute and display it
	$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
	$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
		
	//Display the caption
	$('#slideshow-caption').css({opacity: 0.7, bottom:0});
	
	//Call the gallery function to run the slideshow	
	var timer = setInterval('gallery()',speed);
	
	//pause the slideshow on mouse over
	$('ul.slideshow').hover(
		function () {
			clearInterval(timer);	
		}, 	
		function () {
			timer = setInterval('gallery()',speed);			
		}
	);
	
}

function gallery() {



	//if no IMGs have the show class, grab the first image
	var current = ($('ul.slideshow li.show')?  $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
		
	//Get next image caption
	var title = next.find('img').attr('title');	
	var desc = next.find('img').attr('alt');	

	//Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
	
	//Hide the caption first, and then set and display the caption
	$('#slideshow-caption').animate({bottom:-70}, 300, function () {
			//Display the content
			$('#slideshow-caption h3').html(title);
			$('#slideshow-caption p').html(desc);				
			$('#slideshow-caption').animate({bottom:0}, 500);	
	});		

	//Hide the current image
	current.animate({opacity: 0.0}, 1000).removeClass('show');

}
</body>
</html>